<template>
    <div>Vue3的setup 与 Vue2 的 data , methods 等共存</div>
    <p>{{ a1 }}</p>
</template>

<script lang="ts">
export default{
    name: 'setupAndOptionsAPI',
    data(){
        return {
            //可以访问setup中的内容的，使用 this关键字
         a1 :this.name
        }
    },
    methods:{

    },
    setup(){
        //但 setup是访问不了 data或 method的， setup中是不能使用this关键字的
        let name ='feng'
        return {name}
    }
}

</script>